<template>
    <view class="empty">
        <image class="image" mode="widthFix" src="@/static/images/empty-search.png"></image>
        <text class="text">暂无搜索到相关商品</text>
    </view>
</template>

<script>
    export default {
        name: "Empty"
    }
</script>

<style lang="scss" scoped>
.empty {
    width: 100%;
    height: 500rpx;
    @include flexBox(center, center, column);
    .image {
        width: 50%;
    }
    .text {
        color: #c6c6c6;
        font-size: 32rpx;
        margin: 40rpx 0;
    }
}
</style>